<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Snake</title>
    <link href="css/bootstrap.css" rel="stylesheet" />
    <style>
        body { background: black; margin: 0; }

        canvas { display: block; margin: 0 auto 20px; outline: 0; }
    </style>
</head>

<body>
    <!-- Modal Start -->
    <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-header">
            <label for="username">Enter username:</label>
            <input type="text" id="username" size="10" value="Unknown" />
            <button class="btn" data-dismiss="modal" aria-hidden="true">START!</button>
        </div>
    </div>

    <!-- Modal End -->
    <!--<div id="Div1" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-header">
            <label for="username">Enter username:</label>
            <input type="text" id="Text1" size="10" value="Unknown" />
            <button class="btn" data-dismiss="modal" aria-hidden="true">START!!!</button>
        </div>
    </div>-->

    <canvas id="canvas" tabindex="0"></canvas>

    <script src="http://code.jquery.com/jquery-2.0.2.min.js"></script>
    <script src="scripts/bootstrap-modal.js"></script>
    <script data-main="scripts/main" src="http://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.5/require.min.js"></script>
</body>
</html>
